import New4 from "./New4";
import React from "react";
import {Row} from "antd";
import {Helmet} from "react-helmet";

const firstFace = () => {
    return(
        <>
            <div className="html5zoo-img-box-layerC66FCA9AB4AB82514EA3964B3A24831E">
                <div
                    title=""
                    className="xunsliderimg show html5zoo-img-layerC66FCA9AB4AB82514EA3964B3A24831E"
                    style={{
                        left: '0px',
                        top: '0px',
                        zIndex: '1',
                        display: 'block',
                        overflow: 'hidden'
                    }}
                >
                    <img
                        style={{
                            left: '0%',
                            top: '0%',
                            marginLeft: '-400px',
                            width: 'auto',
                            height: '600px'
                        }}
                        src="./profile/banner1_02.jpg"
                        alt=""
                    />
                </div>
            </div>
            <div
            id="layer3808BD26932F8FED941DF1F648BEC0E7"
            type="title"
            className="cstlayer"
            style={{
                left: '319px',
                top: '279px',
                position: 'absolute',
                zIndex: '112',
                width: '881px',
                height: '71px'
            }}
            mid=""
            deg="0"
        >
            <div
                className="wp-title_content"
                style={{
                    overflowWrap: 'break-word',
                    padding: '0px',
                    borderColor: 'transparent',
                    borderWidth: '0px',
                    height: '71px',
                    width: '881px',
                    display: 'block'
                }}
            >
                <div align="center">
          <span
              style={{
                  fontFamily: '幼圆',
                  fontSize: '60px',
                  color: 'rgb(69, 144, 25)'
              }}
          >
            <span
                style={{
                    color: 'rgb(69, 144, 25)',
                    fontSize: '60px'
                }}
            >
              <span
                  style={{
                      fontFamily: 'SimHei',
                      color: 'rgb(69, 144, 25)'
                  }}
              >
                新鲜果蔬
              </span>
            </span>
          </span>
                    <br/>
                    <span
                        style={{
                            fontFamily: '幼圆',
                            fontSize: '60px',
                            color: 'rgb(255, 255, 255)'
                        }}
                    >
            <span
                style={{
                    color: 'rgb(158, 68, 15)',
                    fontSize: '60px'
                }}
            />
          </span>
                </div>
            </div>
        </div>

                <div id="layer6DD2FE2D68159C104196C55D9E4CE0DA" type="title" className="cstlayer" style={ {
                    position: 'absolute',
                    left: 889,
                    top: 292,
                    zIndex: 115,
                    width: 31,
                    height: 55,
                    overflowWrap: 'break-word',
                    padding: 0,
                    borderColor: 'transparent',
                    borderWidth: 0,
                }}>
                    <div className="wp-title_content">
                        <p align="center">
          <span style={{fontFamily: '微软雅黑', color: '#ffffff', fontSize: 20}}>
            <strong>商</strong>
          </span>
                        </p>
                        <p align="center">
          <span style={{fontFamily: '微软雅黑', color: '#ffffff', fontSize: 20}}>
            <strong>城</strong>
          </span>
                        </p>
                    </div>
                </div>

                <div id="layer6D9ABBB243546F2DDB3208F63A511E05" type="title" className="cstlayer" style={{
                    position: 'absolute',
                    left: 890,
                    top: 293,
                    zIndex: 114,
                    width: 30,
                    height: 55,
                    backgroundColor: 'rgb(134, 200, 2)',
                    borderStyle: 'solid',
                    borderWidth: 0,
                    borderColor: 'transparent',
                    overflowWrap: 'break-word',
                    padding: 0,
                }}>
                    <div className="wp-title_content">
                        &nbsp;&nbsp;&nbsp;
                        <br/>
                    </div>
                </div>

                <div id="layerC69FCCA6AC87D517C593F4655CC65979" type="title" className="cstlayer" style={{ left: '529px', top: '352px', position: 'absolute', zIndex: '116', width: '490px', height: '51px' }} mid="" deg="0">
                <div className="wp-title_content" style={{ overflowWrap: 'break-word', padding: '0px', borderColor: 'transparent', borderWidth: '0px', height: '51px', width: '490px', display: 'block' }}>
                    <div align="center">
          <span style={{ fontFamily: '华文细黑', fontSize: '36px', color: 'rgb(69, 144, 25)' }}>
            <strong>24小时移动水果店</strong>
          </span>
                    </div>
                </div>
            </div>

            <div id="layerDF5BCF0E5FEA96E2FF91038130A36FBB" type="title" className="cstlayer" style={{ left: '466px', top: '405px', position: 'absolute', zIndex: '117', width: '634px', height: '22px' }} mid="" deg="0">
                <div className="wp-title_content" style={{ overflowWrap: 'break-word', padding: '0px', borderColor: 'transparent', borderWidth: '0px', height: '22px', width: '634px', display: 'block' }}>
                    <div align="center">
          <span style={{ textTransform: 'uppercase', fontFamily: 'Times New Roman', fontSize: '12px', letterSpacing: '0px', color: 'rgb(173, 186, 156)' }}>
            Fresh fruits and vegetables 24 hours mobile fruit shop
          </span>
                    </div>
                </div>
            </div>

            <Helmet>
                <link  rel="stylesheet" href="./layui/css/layui.css" />
                <script  rel="preload" src="./layui/layui.js"></script>

                <script src="//res.layui.com/layui/dist/layui.js" charSet="utf-8"></script>
            </Helmet>
            {/*列表*/}
            <div style={{   left: '0px',
                top: '60px',
                position: 'absolute',
                width: '1000px',
                height: '1000px',
                display: 'block',
                marginLeft : '80px',
                borderBottomWidth: '5.8px'
            }}>
                <div class="layui-col-xs9 layui-col-md3" >
                    <div class="layui-panel" style={{
                        height: '600px',backgroundColor:'#4fce5b'
                    }}>
                        <ul class="layui-menu" id="docDemoMenu1"  style={{backgroundColor:'#4fce5b'}}>
                            <li className="layui-menu-item-parent" style={{ height: '90px',backgroundColor:'#4fce5b' }} lay-options="{type: 'parent'}">
                                <div className="layui-menu-body-title"style={{backgroundColor:'#4fce5b',color:'white'}}>
                                    <img
                                        className="fileicon"
                                        src="https://tpl-ca5b595-pic28.websiteonline.cn/upload/icon_1_03.png"
                                        width={25}
                                        height={25}
                                        style={{ marginTop: '-1px' }}
                                        alt="icon"
                                    />寿光红富士苹果
                                        <p>果中佳品，绿色新鲜</p>
                                </div>
                                <div className="layui-panel layui-menu-body-panel" >
                                    <ul>
                                        <li lay-options="{id: 1051}">
                                            <div className="layui-menu-body-title">无农药，连皮吃，高山种植，空气纯净</div>
                                        </li>
                                        <li lay-options="{id: 1051}">
                                            <div className="layui-menu-body-title"><a href='/season?name=苹果 '>   <img
                                                src="https://tpl-ca5b595-pic28.websiteonline.cn/upload/nav_img1.jpg"
                                                style={{ maxWidth: '500px' }}
                                                alt="image"
                                            /></a></div>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li className="layui-menu-item-divider" ></li>
                            <li className="layui-menu-item-parent" style={{ height: '90px',backgroundColor:'#4fce5b' }} lay-options="{type: 'parent'}">
                                <div className="layui-menu-body-title"style={{backgroundColor:'#4fce5b',color:'white'}}>
                                <img
                                    className="fileicon"
                                    src="https://tpl-ca5b595-pic28.websiteonline.cn/upload/icon_2_03.png"
                                    width={25}
                                    height={25}
                                    style={{ marginTop: '-1px' }}
                                    alt="icon"
                                />寿光雪花梨
                                    <p>脆甜多汁、肉嫩化渣、肉质细腻</p>
                                </div>
                                <div className="layui-panel layui-menu-body-panel">
                                    <ul>
                                        <li lay-options="{id: 1051}">
                                            <div className="layui-menu-body-title">天然无公害绿色食品，让您买的放心吃的安心！</div>
                                        </li>
                                        <li lay-options="{id: 1051}">
                                            <div className="layui-menu-body-title">  <a href='/season?name=梨 '> <img
                                                src="https://tpl-ca5b595-pic28.websiteonline.cn/upload/nav_img2.jpg"
                                                style={{ maxWidth: '500px' }}
                                                alt="image"
                                            /></a></div>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="layui-menu-item-divider"></li>
                            <li className="layui-menu-item-parent" style={{ height: '90px',backgroundColor:'#4fce5b' }} lay-options="{type: 'parent'}">
                                <div className="layui-menu-body-title"style={{backgroundColor:'#4fce5b',color:'white'}}>
                                <img
                                    className="fileicon"
                                    src="https://tpl-ca5b595-pic28.websiteonline.cn/upload/icon_31_03.png"
                                    width={25}
                                    height={25}
                                    style={{ marginTop: '-1px' }}
                                    alt="icon"
                                />原生态多汁黄橙
                                    <p>橙黄橘绿不稀奇，寿光脐橙香四季</p>
                                </div>
                                <div class="layui-panel layui-menu-body-panel">
                                    <ul>
                                        <li lay-options="{id: 1051}">
                                            <div class="layui-menu-body-title">正宗原产地、酸甜爽口、风味浓郁、果中臻品</div>
                                        </li>
                                        <li lay-options="{id: 1051}">
                                            <div className="layui-menu-body-title"> <a href='/season?name=橙 '>  <img
                                                src="https://tpl-ca5b595-pic28.websiteonline.cn/upload/nav_img3.jpg"
                                                style={{ maxWidth: '500px' }}
                                                alt="image"
                                            /></a></div>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li className="layui-menu-item-divider"></li>
                            <li className="layui-menu-item-parent" style={{ height: '90px',backgroundColor:'#4fce5b' }} lay-options="{type: 'parent'}">
                                <div className="layui-menu-body-title"style={{backgroundColor:'#4fce5b',color:'white'}}>
                                <img
                                    className="fileicon"
                                    src="https://tpl-ca5b595-pic28.websiteonline.cn/upload/icon_4_03.png"
                                    width={25}
                                    height={25}
                                    style={{ marginTop: '-1px' }}
                                    alt="icon"
                                />
                                车厘子/樱桃
                                    <p>娇嫩多汁 肉厚核小 脆甜如初恋</p>
                                </div>
                                <div className="layui-panel layui-menu-body-panel">
                                    <ul>
                                        <li lay-options="{id: 1051}">
                                            <div className="layui-menu-body-title">清新甜滋味；紧脆多汁，自然清甜。
                                            </div>
                                        </li>
                                        <li lay-options="{id: 1051}">
                                            <div className="layui-menu-body-title"> <a href='/season?name=樱桃 '>  <img
                                                src="https://tpl-ca5b595-pic28.websiteonline.cn/upload/nav_img4.jpg"
                                                style={{ maxWidth: '500px' }}
                                                alt="image"
                                            /></a></div>    </li>
                                    </ul>
                                </div>
                            </li>
                            <li className="layui-menu-item-divider"></li>
                            <li className="layui-menu-item-parent" style={{ height: '90px',backgroundColor:'#4fce5b' }} lay-options="{type: 'parent'}">
                                <div className="layui-menu-body-title"style={{backgroundColor:'#4fce5b',color:'white'}}>
                                <img
                                    className="fileicon"
                                    src="https://tpl-ca5b595-pic28.websiteonline.cn/upload/icon_7_03.png"
                                    width={25}
                                    height={25}
                                    style={{ marginTop: '-1px' }}
                                    alt="icon"
                                />
                                    弥勒水晶葡萄
                                    <p>皮薄汁多口感脆甜爽口</p>
                                </div>
                                <div className="layui-panel layui-menu-body-panel">
                                    <ul>
                                        <li lay-options="{id: 1051}">
                                            <div className="layui-menu-body-title">美丽、晶莹、口感鲜美的小水珠</div>
                                        </li>
                                        <li lay-options="{id: 1051}">
                                            <div className="layui-menu-body-title"> <a href='/season?name=葡萄 '>  <img
                                                src="https://tpl-ca5b595-pic28.websiteonline.cn/upload/nav_img7.jpg"
                                                style={{ maxWidth: '500px' }}
                                                alt="image"
                                            /></a></div>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li className="layui-menu-item-divider"></li>
                            <li className="layui-menu-item-parent" style={{ height: '90px',backgroundColor:'#4fce5b' }} lay-options="{type: 'parent'}">
                                <div className="layui-menu-body-title"style={{backgroundColor:'#4fce5b',color:'white'}}>
                                <img
                                    className="fileicon"
                                    src="https://tpl-ca5b595-pic28.websiteonline.cn/upload/icon_6_03.png"
                                    width={25}
                                    height={25}
                                    style={{ marginTop: '-1px' }}
                                    alt="icon"
                                />
                                    新鲜水果柚
                                    <p>体饱满，汁多味略带酸味，口感清爽清凉舒适</p>
                                </div>
                                <div className="layui-panel layui-menu-body-panel">
                                    <ul>
                                        <li lay-options="{id: 1051}">
                                            <div className="layui-menu-body-title">富含叶酸、纤维素，汁多柔嫩</div>
                                        </li>
                                        <li lay-options="{id: 1051}">
                                            <div className="layui-menu-body-title">  <a href='/season?name=柚 '> <img
                                                src="https://tpl-ca5b595-pic28.websiteonline.cn/upload/nav_img6.jpg"
                                                style={{ maxWidth: '500px' }}
                                                alt="image"
                                            /></a></div>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
        </div>

        </>
    )
}
export default firstFace;